<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="img/片1.ico" type="images/x-ico" />
		<link rel="stylesheet"     href="style.css">
		<title>荣耀Flypods 3</title>
		<style>
		
		.menu	a:link{color: white;}
.menu  a:visited{color: darkgray;}
.menu    a:hover{color: orangered;width: 100px;}
@media screen and (max-width: 1200px) {
    body {
     
        background: gray;
    }
    .menu	a:link{color: white;}
.menu  a:visited{color: darkgray;}
.menu    a:hover{color: orangered;width: 100px;}
  
}
@media screen and (max-width: 700px) {
    body {
        background-color:black;
    }
    .menu a{
			list-style: none;
			padding:0;
			margin: 0 ;
			height: 42px;
			text-align: center;
			line-height: 42px;
			flex-basis: 100%;
			border: solid white ;
			
			text-decoration: none;
			color: white;
			font-size: 20px;
			font-weight: 900;
		
			
		}
	.menu	a:link{color: white;}
.menu  a:visited{color: darkgray;}
.menu    a:hover{color: orangered;width: 100px;}
		.divmm{
	color: white;
	float: left;
	padding: 30px 300px;
	font-size:80px;
}
}

		@media screen and (max-width: 1200px) {
   .menu li{
   	width: 50%;
   }
}
@media screen and (max-width: 700px) {
   .menu{
   	flex-wrap: wrap;
   }
   .menu div:nth-child(1){
			background-color: gray;
		}
		.menu div:nth-child(2){
			background-color: grey;
		}
		.menu div:nth-child(3){
			background-color:gray;
		}
		.menu div:nth-child(4){
			background-color:grey;
		}
		.menu div:nth-child(5){
			background-color: gray;
		}
}

		</style>
	</head>
	<body>
		<div class="menu">
		<a href="https://www.honor.cn/products/accessories/honor-flypods-3/" target="_blank" ><div>产品官网 </div></a> 
		<a href="https://detail.tmall.com/item.htm?spm=a220m.1000858.1000725.1.230c7286NrviqL&id=610961348056&skuId=4484380068831&areaId=430300&user_id=1114511827&cat_id=2&is_b=1&rn=9ef38a0d109c29d46a8b63c6023382d5" target="_blank"><div>天猫 </div></a> 
		<a href="https://item.jd.com/100011463186.html" target="_blank"><div>京东 </div></a>  
		<a href="https://www.pinduoduo.com/" target="_blank"><div>PDD </div></a>  
		<a href="https://post.smzdm.com/p/ar0vorkw/" target="_blank"><div>详评 </div></a>  
			
		
		</div>
		<div class="flexbox-container">
			<div class="flexbox-item flexbox-item1"></div>
			<div class="flexbox-item flexbox-item2"></div>
			<div class="flexbox-item flexbox-item3"></div>
		</div>
		<div class="flexbox-container1">
			<div class="flexbox-item111 flexbox-item11"></div>
			<div class="flexbox-item111 flexbox-item21"></div>
			<div class="flexbox-item111 flexbox-item31"></div>
		</div>
		<div class="divmm">服务支持</div>
		<div class="container">

			<div class="img img1"></div>
			<div class="img img2"></div>
		<div class="divmm" style="font-size: 20px; float: left;">用户评价
		<br>
			作为一款具备主动降噪功能的tws耳机，出色的性价比无疑是荣耀Flypods 3的一大卖点。不过，相比于性价比，它的音质和主动降噪功能也几乎是无可挑剔的。尤其是主动降噪功能，是实打实的管用，甚至我本人非常不建议上街时佩戴，以免听不到外面的声音导致意外发生。最后，新版的知更鸟蓝色版本的加入，也让大家多了一个更加时尚的选择，而价格方面依然是799，对于女性用户来说，是一个非常不错的入手理由。
		</div>	
		</div>
	</body>
</html>
